.match-item{
  text-align: center;
  padding:10px 10px 10px 20px ;
  img{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin:0 20px;
  }
  .match-vers{
    font-weight: 700;
    font-size: 16px;
    line-height:19px;
  }
  .match-date{
    p{
      line-height: 19px;
    }
  }
  .tm-name{
    p{
      line-height: 38px;
      text-overflow:ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }
  .match-vs{
    margin: 0px;
  }
  &.odd{
    background: #f5f5f5;
  }
}

.team {
  .tm-name {
    p {
      line-height: 19px;
      &:only-child {
        line-height: 38px;
      }
    }
  } 
}
.tm-name {
  span {
    display: inline-block;
    color: #3983e5;
    padding: 4px 6px;
    margin: 5px 0;
  }
}
.buttons {
  margin-top: 30px;
  text-align: center;
}
.canceled {
  line-height: 38px;
  font-size: 12px;
  color: #fc9f00;
}
.tiny{
  padding: 7px;
}
#host-score,#guest-score{
  width: 90px;
  margin-left:10px;
}
.el-message-box__message label{
  width:100px;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: right;
}
.btn-link{
  padding: 0;
}
.giveup{
  width:40px;
  background: #ccc;
  color:#fff;
  font-size: 12px;
  height:19px;
  line-height: 19px;
  margin:0 auto;
}
.match-item{
  .match-vs{
    p{
      &:only-child {
        line-height: 38px;
      }
    }
  }
}
.no-match{
  margin-top: 50px;
}
.score-input{
  width:100px;
}
.game-name{
  width: 100px;
  display: inline-block;
}
.my-scrollbar{
  width: 836px;
  min-width: 300px;
}
.scrollMe{
  min-width: 1500px;
}
.btn-groups{
  text-align: center;
  margin-top: 30px;
}
.score-box{
  width:498px;
  margin: 0 auto;
  border: 1px solid #eee;
  ul{
    li{
      line-height: 60px;
      border-bottom:1px solid #e8e8e8;
    }
  }  
  .score-left{
    width: 148px; 
    background: #f3f3f3;
    float: left;
    color:#666;
    .every{
      width:90px;
      border-right: 1px solid #e8e8e8;
    }  
    .number{
      width:58px;
    }
  }
  .score-right{
    float: left;
    width: 348px;
    .player{
      color:#333;
    }
    .match-type{
      font-size: 18px;
      color:#333;
      font-weight: 700;
    }
    .small-score{
      color: #333;
      font-weight: 700;
    }
    .big-score{
      color:#ff5b02;
      font-size: 18px;
    }
    .bordered{
      border-right:1px solid #e8e8e8;
    }
    .borderb{
      border-bottom:1px solid #e8e8e8
    }
  }

}
.score-box ul li:last-child{
  border: 0;
}
.score-table>li:nth-child(3){
  overflow: hidden;
}
